main{
     width: 1180px;
    margin: 60px auto 120px;}
main p{
 font-size: 1.4rem;
 line-height: 2.8rem;
margin-bottom: 40px;}


main .errorBox{
	margin: 30px 0;
    padding: 25px;
    background-color: #fff2f2;
    border: 2px solid #e60012;
    font-size: 1.4rem;
 line-height: 2.4rem;
	text-align: center;
	color: #e60012;
}
main .errorBox strong{
	display: block;
	margin-bottom: 10px;
}

ul#SearchStep h2{
 font-size:2.0rem;
 color: #333;
}
ul#SearchStep h2::before {
  content: attr(data-text);
  display: block;
  margin-bottom: 0;
  color: #555;
  font-size: 1.2rem;
 font-weight: normal;
}


ul#SearchStep {
  position: relative;
  list-style: none;
  margin: 0 0 60px;
  padding: 0;
  text-align: center;
  width: 100%;
  overflow: hidden;
  *zoom: 1;
 display: flex;
 justify-content: space-between;
}
ul#SearchStep > li {
  position: relative;
  display: block;
  background-color: #f3f5f7;
  box-sizing: border-box;
}
ul#SearchStep > li:before,
ul#SearchStep > li:after {
  position: absolute;
  left: -30px;
  display: block;
  content: '';
  background-color: #f3f5f7;
  border-left: 15px solid #FFF;
  width: 20px;
  height: 165px;
}
ul#SearchStep > li:after {
  top: 0;
  transform: skew(10deg);
}
ul#SearchStep > li:before {
  bottom: 0;
  transform: skew(-10deg);
}
ul#SearchStep > li:first-child {
 width: 460px;
padding: 30px 70px 30px 25px;}
ul#SearchStep > li:nth-child(2){
 width: 460px;
 padding: 30px 75px 30px 20px;
}
ul#SearchStep > li:last-child {
 width: 540px;
 padding: 30px 25px 30px 25px;
}

ul#SearchStep > li:first-child img{
 width: 156px;
 height:98px;
 margin: 28px 0 25px 0;
}
ul#SearchStep > li:nth-child(2) img{
 width: 94px;
 height:98px;
 margin: 28px 0 25px 0;
}
ul#SearchStep > li:last-child img{
 width: 330px;
 height:92px;
 margin: 15px 0 20px 0;
}


ul#SearchStep li:last-child ul{
 display: flex;
 justify-content: space-between;
 font-size: 1.4rem;
 text-align: left;
}
ul#SearchStep li:last-child li{
 padding: 0;
 width: 120px;
}
ul#SearchStep li:last-child select{
 margin-top: 5px;
}
ul#SearchStep li select{
 min-width:inherit;
}

/*

select Box
change for common.css
*/
#Search .selectWrap{
 margin-bottom: 0;
 width: 100%;
}
#Search .selectWrap select{
 width: 100%;
 padding: 20px 38px 20px 15px;
 background-color: #FFF;
}
#Search .selectWrap .selectArrow{
 z-index: 1;
}


/*検索ボタン*/
main button{
 width: 300px;
 height: 80px;
 color: #fff;
 background-color: #e60012;
 font-size: 1.8rem;
 box-shadow: 0 3px 7px rgba(0,0,0,0.25);
 transition: box-shadow 0.12s;
 position: relative;
 display: block;
 margin: 30px auto 0 auto;
 box-sizing: border-box;
 -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
main button .redArrowS{ right: 35px;}
main button.hover{ box-shadow: none;}
main button.hover .redArrowS{ border-color: #fff;}