@charset "utf-8";
/* CSS Document */

.iki_bg01{
  right: -60px;
  top: 14px;
}
.iki_bg02{
  right: -122px;
  top: 779px;
}
.iki_bg03{
  left: -96px;
  top: 1410px;
}
.iki_bg04{
  left: -72px;
  top: 332px;
}

.iki_contentwrap{
  width: 1024px;
  margin: auto;
  padding: 96px 0 128px;
}

.iki_pagettl{margin-bottom: 64px;}

.iki_formcontainer{
  padding: 100px 106px 120px;
  border-radius: 24px;
  background-color: #FFFFFF;
}
.iki_formcontainer>p{
  margin-bottom: 60px;
  line-height: 2;
  letter-spacing: 0.1em;
}
.iki_formcontainer p.iki_required{
  text-align: right;
  font-size: 0.75rem;
  font-weight: 600;
  color: #E37604;
}
.iki_formcontainer p.iki_required span{
  line-height: 1.45;
  margin-right: 5px;
  font-size: 1.5rem;
}


.iki_formcontainer dl{
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  margin-bottom: 100px;
}
.iki_formcontainer dl dt{
  width: 184px;
  padding-top: 28px;
  font-weight: 600;
  color: #212121;
  transform: translateY(20px);
  opacity: 0;
  transition: all 0.2s linear;
}
.iki_formcontainer dl dt .iki_required{
  margin-left: 12px;
  font-size: 1.125rem;
  font-weight: bold;
  color: #E37604;
}
.iki_formcontainer dl dd{
  width: 608px;
  margin-bottom: 16px;
  transform: translateY(20px);
  opacity: 0;
  transition: all 0.2s linear;
}
.iki_formcontainer dl dd input{
  width: 100%;
  height: 80px;
  padding: 0 24px;
  border: none;
  border-radius: 4px;
  background-color: #EBEDF3;
}
.iki_formcontainer dl dd textarea{
  width: 100%;
  height: 360px;
  padding: 28px 24px;
  border: none;
  border-radius: 4px;
  background-color: #EBEDF3;
}
.iki_formcontainer dl dt:nth-of-type(2),
.iki_formcontainer dl dd:nth-of-type(2){transition-delay: 0.1s;}
.iki_formcontainer dl dt:nth-of-type(3),
.iki_formcontainer dl dd:nth-of-type(3){transition-delay: 0.2s;}
.iki_formcontainer dl dt:nth-of-type(4),
.iki_formcontainer dl dd:nth-of-type(4){transition-delay: 0.3s;}
.iki_formcontainer dl dt:nth-of-type(5),
.iki_formcontainer dl dd:nth-of-type(5){transition-delay: 0.4s;}
.iki_formcontainer dl.active dt,
.iki_formcontainer dl.active dd{
  transform: translateY(0);
  opacity: 1;
}
.iki_error{
  display: none;
  margin-top: 8px;
  font-size: 0.875rem;
  font-weight: 600;
  color: #EE675C;
}


.iki_btnbox{text-align: center;}
.iki_btnbox button[type="submit"]{
  width: 352px;
  height: 60px;
  font-weight: 600;
  color: #FFFFFF;
  border: none;
  background-color: #5F799C;
  cursor: pointer;
}






.iki_formcontainer.iki_confirm dl dt{
  margin-bottom: 24px;
  padding-top: 0;
}
.iki_formcontainer.iki_confirm dl dd{margin-bottom: 24px;}
.iki_btnbox p:first-of-type{margin-bottom: 40px;}
.iki_btnbox button[type="button"]{
  width: 120px;
  height: 60px;
  font-weight: 600;
  color: #FFFFFF;
  border: none;
  background-color: #CCCCCC;
  cursor: pointer;
}





.iki_complete h2{
  margin-bottom: 40px;
  font-size: 1.75rem;
  color: #212121;
}






@media screen and (min-width:821px){
  .iki_btnbox button[type="submit"]:hover{background-color: #AEC0D9;}
  .iki_btnbox button[type="button"]:hover{background-color: #959595;}
}












/*-----------------------------------------*/
/*--------------レスポンシブ-------------*/
/*-----------------------------------------*/
@media screen and (max-width:820px){
  .iki_contentwrap{
    width: 100%;
    padding: 40px 0 32px;
  }
  .iki_formcontainer{padding: 56px 12px 48px;}
  .iki_formcontainer>p{
    margin-bottom: 24px;
    font-size: 0.875rem;
  }
  .iki_formcontainer dl{margin-bottom: 0;}
  .iki_formcontainer dl dt{
    padding-top: 0;
    font-size: 0.875rem;
  }
  .iki_formcontainer dl dd{
    width: 100%;
    margin-bottom: 40px;
  }
  .iki_formcontainer dl dd input{height: 48px;}
  .iki_formcontainer dl dd textarea{height: 240px;}
  .iki_btnbox button[type="submit"]{width: 100%;}
}
@media screen and (max-width:428px){
  .iki_bg01{
    right: -75px;
    top: 48px;
  }
  .iki_bg02{
    right: -100px;
    top: 800px;
  }
  .iki_bg03{
    left: -96px;
    top: 1240px;
  }

}
@media screen and (max-width:375px){}
@media screen and (max-width:360px){}
@media screen and (max-width:320px){}