@charset "utf-8";
.step__main__commitOrder__item{
}
.step__main__commitOrder__item h3 {
  font-size: 14px;
  font-weight: bold;
  color: #717171;
  margin-bottom: 8px;

}
.step__main__commitOrder__item__inner {
  margin-bottom: 24px;
  padding: 16px;
  border: 1px solid #e4e4e4;
  border-radius: 8px;
  background-color: #fff;
}
.step__main__commitOrder__item__inner__box.border{
  margin-bottom: 26px;
  padding-bottom: 26px;
  border-bottom: #ebebeb solid 1px;
}
body .step__main .step__main__commitOrder__item__img{
  margin-bottom: 12px;
}
body .step__main .step__main__commitOrder__item__img img{
  width: 100%;
  vertical-align: bottom;
}
body .step__main .step__main__commitOrder__item__buttonA a{
  display: block;
  padding: 16px;
  background-color: #bf0000;
  border-radius: 4px;
  font-size: 16px;
  font-weight: 700;
  color: #fff;
  text-align: center;
  box-sizing: border-box;
  text-decoration: none;
}
body .step__main .step__main__commitOrder__item__buttonB a{
  display: block;
  padding: 16px;
  background-color: #fff;
  border: solid 1px #bf0000;
  border-radius: 4px;
  font-size: 16px;
  font-weight: 700;
  color: #bf0000;
  text-align: center;
  box-sizing: border-box;
  text-decoration: none;
}
body .step__main .step__main__commitOrder__item__buttonC a{
  display: block;
  padding: 16px;
  background-color: #fff;
  border: solid 1px #d1d1d1;
  border-radius: 4px;
  font-size: 16px;
  font-weight: 700;
  color: #333;
  text-align: center;
  box-sizing: border-box;
  text-decoration: none;
}
body .step__main .step__main__commitOrder__item__appri{
  display: block;
}
body .step__main .step__main__commitOrder__item__appri .appri__txt{
  margin-bottom: 16px;
  font-size: 12px;
  color: #333;
}
body .step__main .step__main__commitOrder__item__appri .appri__img{
  margin-bottom: 8px;
  text-align: center;
}
body .step__main .step__main__commitOrder__item__appri .appri__img:last-child{
  margin-bottom: 0px;
}
body .step__main .step__main__commitOrder__item__appri .appri__img svg{
  vertical-align: bottom;
}
body .step__main .step__main__commitOrder__item__appri .appri__img img{
  max-width: 175px;
  vertical-align: bottom;
}
body .step__main .step__main__commitOrder__item__divider{
  display: block;
  position: relative;
  margin: 16px 0;
  text-align: center;
}
body .step__main .step__main__commitOrder__item__divider:before{
  content: '';
  display: block;
  position: absolute;
  top: 50%;
  left: 0;
  transform: translateY(-50%);
  width: 100%;
  height: 1px;
  background-color: #ebebeb;
}
body .step__main .step__main__commitOrder__item__divider span{
  display: inline-block;
  position: relative;
  padding: 0 16px;
  background-color: #fff;
  font-size: 14px;
  color: #333;
}
.step__main__commitOrder__item__inner .notes {
  margin-top: 4px;
  font-size: 10px;
  color: #686868;
  text-align: center;
}
.step__main__commitOrder__item__inner .brief {
  margin-bottom: 12px;
  font-size: 14px;
  color: #333;
}
.step__main__commitOrder__item__icon{
  display: block;
  position: relative;
  margin-bottom: 12px;
  padding-left: 40px;
  font-size: 16px;
  font-weight: 700;
  color: #333;
}
.step__main__commitOrder__item__icon.appri:before{
  content: '';
  display: block;
  position: absolute;
  top: 50%;
  left: 0;
  transform: translateY(-50%);
  width: 24px;
  height: 24px;
  background-image: url('data:image/svg+xml;charset=utf8,%3Csvg%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M16.5%201.5H7.5C6.9038%201.50176%206.33253%201.73938%205.91096%202.16096C5.48938%202.58253%205.25176%203.1538%205.25%203.75V20.25C5.25%2020.8467%205.48705%2021.419%205.90901%2021.841C6.33097%2022.2629%206.90326%2022.5%207.5%2022.5H16.5C17.0967%2022.5%2017.669%2022.2629%2018.091%2021.841C18.5129%2021.419%2018.75%2020.8467%2018.75%2020.25V3.75C18.7482%203.1538%2018.5106%202.58253%2018.089%202.16096C17.6675%201.73938%2017.0962%201.50176%2016.5%201.5ZM17.25%2020.25C17.2498%2020.4488%2017.1707%2020.6395%2017.0301%2020.7801C16.8895%2020.9207%2016.6988%2020.9998%2016.5%2021H7.5C7.30115%2020.9998%207.11052%2020.9207%206.96991%2020.7801C6.82931%2020.6395%206.75022%2020.4488%206.75%2020.25V18.75H17.25V20.25ZM17.25%2017.25H6.75V6H17.25V17.25ZM17.25%204.5H6.75V3.75C6.7526%203.5519%206.83246%203.36264%206.97255%203.22255C7.11264%203.08246%207.3019%203.0026%207.5%203H16.5C16.6981%203.0026%2016.8874%203.08246%2017.0275%203.22255C17.1675%203.36264%2017.2474%203.5519%2017.25%203.75V4.5Z%22%20fill%3D%22%23333333%22%2F%3E%3C%2Fsvg%3E');
}
.step__main__commitOrder__item__icon.browser:before{
  content: '';
  display: block;
  position: absolute;
  top: 50%;
  left: 0;
  transform: translateY(-50%);
  width: 24px;
  height: 24px;
  background-image: url('data:image/svg+xml;charset=utf8,%3Csvg%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M1.5%2016.5H3V8.25H5.25V16.5H6.75V3.75C6.75%203.33579%206.41421%203%206%203H2.25C1.83579%203%201.5%203.33579%201.5%203.75V16.5ZM3%204.5H5.25V6.75H3V4.5Z%22%20fill%3D%22%23333333%22%2F%3E%3Cpath%20d%3D%22M1.5%2018V21.75C1.5%2022.1642%201.83579%2022.5%202.25%2022.5H6C6.41421%2022.5%206.75%2022.1642%206.75%2021.75V18H5.25V21H3V18H1.5Z%22%20fill%3D%22%23333333%22%2F%3E%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M17.1494%2018.3234L18.6076%2017.9327L18.2194%2016.4838L18.21%2016.4863L17.4336%2013.5885L18.8825%2013.2003L19.3179%2014.8253L19.3273%2014.8228L20.0565%2017.5444L21.496%2017.1587L19.3608%209.18983C19.2536%208.78973%2018.8423%208.55229%2018.4422%208.65949L15.5445%209.43595C15.1444%209.54316%2014.9069%209.95441%2015.0141%2010.3545L17.1494%2018.3234ZM16.6571%2010.6907L18.106%2010.3025L18.4942%2011.7514L17.0454%2012.1396L16.6571%2010.6907Z%22%20fill%3D%22%23333333%22%2F%3E%3Cpath%20d%3D%22M18.9959%2019.3815L19.4313%2021.0066L20.8802%2020.6183L20.4448%2018.9933L21.8843%2018.6076L22.4666%2020.7809C22.5738%2021.181%2022.3364%2021.5923%2021.9363%2021.6995L19.0385%2022.476C18.6384%2022.5832%2018.2272%2022.3457%2018.12%2021.9456L17.5376%2019.7723L18.9959%2019.3815Z%22%20fill%3D%22%23333333%22%2F%3E%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M9%206.75C9%206.33579%209.33579%206%209.75%206H12.75C13.1642%206%2013.5%206.33579%2013.5%206.75V16.5H12V10.5H10.5V16.5H9V6.75ZM12%207.5H10.5V9H12V7.5Z%22%20fill%3D%22%23333333%22%2F%3E%3Cpath%20d%3D%22M9%2018H10.5V21H12V18H13.5V21.75C13.5%2022.1642%2013.1642%2022.5%2012.75%2022.5H9.75C9.33579%2022.5%209%2022.1642%209%2021.75V18Z%22%20fill%3D%22%23333333%22%2F%3E%3C%2Fsvg%3E');
}
.step__main__commitOrder__item__icon.reader:before{
  content: '';
  display: block;
  position: absolute;
  top: 50%;
  left: 0;
  transform: translateY(-50%);
  width: 24px;
  height: 24px;
  background-image: url('data:image/svg+xml;charset=utf8,%3Csvg%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M18.4501%208.10004C18.2015%208.10004%2018.0001%208.30152%2018.0001%208.55004V15.45C18.0001%2015.6986%2018.2015%2015.9%2018.4501%2015.9C18.6986%2015.9%2018.9001%2015.6986%2018.9001%2015.45V8.55004C18.9001%208.30152%2018.6986%208.10004%2018.4501%208.10004Z%22%20fill%3D%22%23333333%22%2F%3E%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M5.10008%2021.9H18.9001C20.2256%2021.9%2021.3001%2020.8255%2021.3001%2019.5V4.50001C21.3001%203.17452%2020.2256%202.10001%2018.9001%202.10001H5.10007C3.77459%202.10001%202.70007%203.17452%202.70007%204.50001V19.5C2.70007%2020.8255%203.77459%2021.9%205.10008%2021.9ZM18.9001%203.60001H17.1001V20.4H18.9001C19.3971%2020.4%2019.8001%2019.9971%2019.8001%2019.5V4.50001C19.8001%204.00295%2019.3971%203.60001%2018.9001%203.60001ZM5.10007%203.60001H15.6001V20.4H5.10008C4.60302%2020.4%204.20007%2019.9971%204.20007%2019.5V4.50001C4.20007%204.00295%204.60302%203.60001%205.10007%203.60001Z%22%20fill%3D%22%23333333%22%2F%3E%3C%2Fsvg%3E');
}
.step__main__commitOrder__item__icon.desktop:before{
  content: '';
  display: block;
  position: absolute;
  top: 50%;
  left: 0;
  transform: translateY(-50%);
  width: 24px;
  height: 24px;
  background-image: url('data:image/svg+xml;charset=utf8,%3Csvg%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M18.75%2011.25H5.25V3.75H18.75V11.25ZM18.75%202.25C19.5788%202.25%2020.25%202.922%2020.25%203.75V12.75H3.75V3.75C3.75%202.922%204.422%202.25%205.25%202.25H18.75ZM9.75018%2020.25H14.2502V18.75H9.75018V20.25ZM21.7059%2019.8863L20.5561%2014.25H19.0254L20.2366%2020.1863L20.2381%2020.2433L20.2396%2020.25H15.7501V17.25H8.2501V20.25H3.7456C3.7486%2020.2478%203.7516%2020.244%203.75235%2020.2388L3.75835%2020.2125L3.76435%2020.1863L4.97485%2014.25H3.4441L2.29435%2019.8863C2.0656%2020.8328%202.75785%2021.75%203.7021%2021.75H20.2989C21.2424%2021.75%2021.9346%2020.8328%2021.7059%2019.8863ZM8.25%2015.75H6.75V14.25H8.25V15.75ZM9.75%2015.75H11.25V14.25H9.75V15.75ZM14.25%2015.75H12.75V14.25H14.25V15.75ZM17.25%2015.75H15.75V14.25H17.25V15.75Z%22%20fill%3D%22%23333333%22%2F%3E%3C%2Fsvg%3E');
}

/* android */
body .step__main .step__main__commitOrder__item.android .step__main__commitOrder__item__buttonA a,
body .step__main .step__main__commitOrder__item.ios .step__main__commitOrder__item__buttonA a{
  margin-bottom: 16px;
}