@charset "UTF-8";
/* CSS Document */
/*.top*/
#contents.top .center {
  background: rgba(255, 255, 255, .5);
}
#contents.top .center .top-banner {
  width: 90%;
  max-width: 100%;
  margin-top: 30px;
}
#contents.top .center > p:last-of-type {
  margin-bottom: 0em;
}
#contents.top #step .chart > div.three-box {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  align-content: flex-start;
  justify-content: center;
  align-items: stretch;
}
#contents.top #step .chart > div.three-box dl {
  width: calc((100% - 2%) / 3); /* 100% からマージン2%を引いて3等分 */
  margin-right: 1%;
  position: relative;
  padding-bottom: 10em;
}
#contents.top #step .chart > div.three-box dl:last-child {
  margin-right: 0%;
}
#contents.top #step .chart > div.three-box dl a {
  text-align: center;
  margin: 0 auto;
  color: #fff;
}
#contents.top #step .chart > div.one-box dl {
  position: relative;
  padding-bottom: 10em;
}
#contents.top #step .chart > div.one-box dd > p {
  text-align: center;
  margin-bottom: 1em;
}
#contents.top #step .chart > div.two-box dl {
  width: calc((100% - 1%) / 2); /* 100% からマージン2%を引いて3等分 */
  margin-right: 1%;
  position: relative;
  padding-bottom: 10em;
}
#step.contest .chart h3 {
  margin-bottom: .5em;
}
/*リンクボタンここから*/
#contents.top #step .chart > div.three-box .link {
  position: absolute;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
}
#contents.top #step .chart > div.three-box .link {
  width: 100%;
  margin: -1em auto 2em;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  align-content: center;
  justify-content: center;
  align-items: center;
}
#contents.top #step .chart > div.one-box .link {
  position: absolute;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
}
#contents.top #step .link {}
#contents.top #step .link li {
  width: auto;
  display: inline;
  text-align: center;
}
#contents.top #step .buy_btn {
  font-size: 1em;
  margin: .5em 0 0;
}
#contents.top #step .buy_btn a {
  background: #e8093f;
  color: #fff;
  display: table;
  padding: .5em 1em;
  font-size: 1.2em;
}
#contents.top #step .link li .buy_btn.blue a {
  background: #0941e8;
}
#contents.top #step .buy_btn.gray a {
  background: #999;
}
#contents.top #step .buy_btn a:hover {
  background: #999;
}
#contents.top #step .link li:last-of-type .buy_btn a:hover {
  background: #999;
}
#contents.top #step .buy_btn a:before {
  content: ">";
  margin-right: 5px;
  font-family: Georgia, "Times New Roman", Times, serif;
}
#contents.top #step .chart dd p {
  font-size: 1em;
}
#contents.top #step .chart dd p:last-of-type {}
/*リンクボタンここまで*/
/*.top*/
@media screen and (max-width:1200px) {}
@media screen and (max-width:1023px) {}
@media screen and (max-width:768px) {
  /*.top*/
  #contents.top .center {
    padding: 1.5em;
  }
  #contents.top .center .top-banner {
    width: 100%;
    max-width: 100%;
    margin-top: 2em;
  }
  #contents.top #step .chart > div.three-box {
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    align-content: flex-start;
    justify-content: center;
    align-items: stretch;
  }
  #contents.top #step .chart > div.three-box dl {
    width: 100%;
    margin-right: 0%;
    margin-bottom: 5%;
    position: static;
    padding-bottom: 0em;
    box-sizing: border-box;
  }
  #contents.top #step .chart > div.three-box dl:last-child {
    margin-right: 0%;
  }
  #contents.top #step .chart > div.three-box dl a {
    text-align: center;
    margin: 0 auto;
    color: #fff;
  }
  #contents.top #step .chart > div.one-box dl {
    position: static;
    padding-bottom: 0em;
  }
  #contents.top #step .chart > div.one-box dd > p {
    text-align: left;
    margin-bottom: 0em;
  }
  #contents.top #step .chart > div.two-box dl {
    width: 100%; /* 100% からマージン2%を引いて3等分 */
    margin-right: 0%;
    position: static;
    padding-bottom: 0em;
  }
  /*リンクボタンここから*/
  #contents.top #step .chart > div.three-box .link {
    position: static;
    transform: none;
    margin: .5em auto 1em;
    display: block;
  }
  #contents.top #step .chart > div.one-box .link {
    position: static;
    transform: none;
    margin: .5em auto 1em;
    display: block;
  }
  #step .link {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-content: center;
    justify-content: center;
    align-items: center;
    width: 100%;
    margin: -1em auto 1em;
  }
  #step .link li {
    width: 100%;
  }
  #step .buy_btn {
    font-size: 1em;
    margin: .5em 0 0;
  }
  #step .buy_btn a {
    /*background: #e8093f;*/
    color: #fff;
    display: table;
    padding: .5em 1em;
    font-size: 1.2em;
    width: 100%;
    box-sizing: border-box;
    text-align: center;
  }
  #step .link li:last-of-type .buy_btn a {
    /*background: #0941e8;*/
    margin-top: 1em;
  }
  #step .buy_btn a:hover {
    background: #999;
  }
  #step .buy_btn a:before {
    content: ">";
    margin-right: 5px;
    font-family: Georgia, "Times New Roman", Times, serif;
  }
  #step .chart dd p {
    font-size: 1em;
  }
  #step .chart dd p:last-of-type {
    margin-bottom: 0;
  }
  /*リンクボタンここまで*/
  /*.top*/
}
@media screen and (max-width:667px) {}
@media screen and (max-width:568px) {}
@media screen and (max-width:520px) {}
@media screen and (max-width:380px) {}
@media screen and (max-width:1120px) and (min-height:1025px) {}