/* ---------------------------------
request
-----------------------------------*/

#request .l_main-visual01{
  padding: 38px 0;
}

#request .l_main-visual01 + .container{
  max-width: 880px;
  margin: 38px auto 0;
}

#request .top-text{
  margin: 10px 0 0;
  font-size: 16px;
  line-height: 1.625;
  text-align: center;
}

#request .attention{
  margin: 32px 0 0;
}

#request .attention p{
  font-size: 16px;
  line-height: 1.625;
}

#request .attention a{
  text-decoration: underline;
}

#request .bottom-text{
  margin: 31px 0 0;
  font-size: 16px;
  line-height: 1.625;
  text-align: center;
}

#request form{
  margin: 33px 0 0;
  border-collapse: collapse;
  border-spacing: 0;
}

#request form dl{
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  border-top: 1px solid #d0d3d6;
  border-bottom: 1px solid #d0d3d6;
}

#request form dt{
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  width: 280px;
  max-width: 100%;
  border-right: 1px solid #d0d3d6;
  background: #e9ecee;
  padding: 10px 15px 10px 21px;
}

#request form dt label{
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  font-size: 16px;
  line-height: 1.625;
}

#request form dt label .required{
  color: #cc0000;
}

#request form dd{
  width: calc(100% - 280px);
  max-width: 100%;
  padding: 19px 0 19px 20px;
}

#request form dd span{
  display: block;
  margin: 0 0 8px 0;
  font-size: 14px;
  line-height: 1.5714;
}

#request form dd select{
  position: relative;
  border: 1px solid #d0d3d6;
  width: 100%;
  height: 38px;
  padding: 0 19px 0 19px;
  background: url("../../../request/img/select.png") no-repeat;
  background-size: 8px 16px;
  background-position: top 50% right 10px;
}

#request form dd select::after{
  content: "";
  position: absolute;
  top: 50%;
  right: 10px;
  background: url("../../../request/img/select.png") no-repeat;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  display: block;
  width: 8px;
  height: 16px;
}

#request form dd select option{
  width: calc(100% - 38px);
}

#request form dd textarea{
  border: 1px solid #d0d3d6;
  width: 100%;
  height: 300px;
  padding: 10px 19px 10px 19px;
}

#request form dd input{
  width: 100%;
  height: 38px;
  border: 1px solid #d0d3d6;
  padding: 0 19px 0 19px;
}

#request form dd .item{
  margin: 10px 0 0;
}

#request form dd .item > *{
  display: inline-block;
}

#request form dd .item .er {
  display: block;
}

#request form dd .item .title{
  width: 115px;
  font-size: 16px;
  line-height: 1.5;
}

#request form dd .item input,
#request form dd .item select{
  width: calc(100% - 125px);
}

#request form dd .item #request-code1{
  width: 110px;

}

#request form dd .item #request-code2{
  width: 150px;
}

#request form dd .item .hyphen{
  position: relative;
  top: 3px;
  margin: 0 8px;
}

#request form dd .error,
#request form dd .ErrorLine {
  margin: 0 0 10px;
  color: red;
  font-size: 16px;
  line-height: 1.5;
}

#request form dd .ErrorLine {
  display: inline-block;
}

#request form dd .error-box,
#request form dd .ErrorText02{
  background: #ecc;
}

#request form dd select.error-box{
  background: #ecc url(../../../request/img/select.png) no-repeat;
  background-size: 8px 16px;
  background-position: top 50% right 10px;
}

#request .bt{
  display: block;
  margin: 40px auto 0;
  width: 384px;
  text-align: center;
  cursor: pointer;
}

#request .bt input,
#request .bt a{
  display: inline-block;
  width: 100%;
  height: 100%;
  padding: 25px 0;
  font-size: 20px;
}

#request .bt a{
  color: #fff;
}
#request .bt a:hover{
color: #333;
}

#request .back-top {
  margin: 0 auto;
  width: 384px;
}