/*---------------------------------------
mainvisual
---------------------------------------*/
#mainvisual{
  width: 100%;
}
#mainvisual div{
  max-width: 730px;
  margin: 0 auto;
}
/*---------------------------------------
section
---------------------------------------*/
section{
  display: flex;
  align-items: center;
  width: 100%;

}
section .left{
  width: 50%;
  display: flex;
  justify-content: right;
  /* padding: 25px; */
}
section .right{
  width: 50%;
  display: flex;
  justify-content: left;
  /* padding: 25px; */
}
section .imgBox{
  width: 500px;
  color: #fff;
  display: inline-block;
}
section .select{
  width: 100%;
  color: #fff;
  display: inline-block;
}
section .select ul{
  font-size: 0;
}
section .select ul li span{
  font-size: 14px;
  display: block;
}
/* col2 */
section .select.col2 li{
  width: 38.44%;
  display: inline-block;
  /* margin: 3%; */

}
section .select.col2 li div{
  width: 100%;
  height: 100px;
  background: gray;
}
section .select.col2 li select{
  width: 100%;
  height: 40px;
  background: #fff;
}
/* col3 */
section .select.col3 li{
  width: 22.22%;
  display: inline-block;
  /* margin: 3%; */
}
section .select.col3 li div{
  width: 100%;
  height: 100px;
  background: gray;
}
section .select.col3 li select{
  width: 100%;
  height: 40px;
  background: #fff;
}