/*------------------------------------------------------------
	Media Query
------------------------------------------------------------*/
.container {
  width: 1040px;
  margin: 0 auto; }
  @media (max-width: 767px) {
    .container {
      width: 90%; } }
  @media (min-width: 768px) and (max-width: 1039px) {
    .container {
      width: 90%; } }

/*=============MAIN IMG==================*/
#main-img {
  margin-top: 45px; }
  @media (max-width: 767px) {
    #main-img {
      margin-top: 22.5px; } }

.main_img {
  text-align: center; }

/*=============EARLY==================*/
#early {
  margin-top: 40px; }
  @media (max-width: 767px) {
    #early {
      margin-top: 20px; } }

.c-early-title {
  text-align: center; }
  .c-early-title h1 {
    font-size: 5rem;
    color: #333;
    font-weight: bold; }

.c-early-text {
  margin-top: 30px; }
  @media (max-width: 767px) {
    .c-early-text {
      margin-top: 15px; } }
  .c-early-text__jp {
    font-size: 2rem;
    color: #333333; }

.c-early-button {
  text-align: center;
  margin-top: 60px; }
  @media (max-width: 767px) {
    .c-early-button {
      margin-top: 30px; } }
  .c-early-button a {
    text-decoration: none;
    padding: 22.5px 125px 22.5px 125px;
    background: #ee9031;
    font-size: 1.8rem;
    color: #fff;
    border-radius: 50px;
    font-weight: bold; }
    @media (max-width: 767px) {
      .c-early-button a {
        padding: 12px 62.5px 12px 62.5px; } }

.u-pt-45 {
  padding-top: 30px; }
  @media (max-width: 767px) {
    .u-pt-45 {
      padding-top: 15px; } }

.c-early-email_jp {
  text-align: center;
  margin-top: 30px; }
  .c-early-email_jp p {
    font-size: 1.6rem;
    color: #333; }

/*=============EARLY LIST==================*/
#early-list {
  margin-top: 70px; }
  @media (max-width: 767px) {
    #early-list {
      margin-top: 35px; } }

.c-early-list-title {
  text-align: center; }
  .c-early-list-title p {
    font-size: 5rem;
    font-weight: bold;
    color: #333; }

.c-early-list-jp {
  text-align: center;
  margin-top: 60px; }
  @media (max-width: 767px) {
    .c-early-list-jp {
      margin-top: 30px; } }
  .c-early-list-jp p {
    color: #333;
    font-size: 3.5rem;
    font-weight: bold; }

.c-early-list-letter {
  width: 700px;
  margin: 0 auto;
  margin-top: 80px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
  -webkit-justify-content: start;
  -ms-flex-pack: start;
  justify-content: center;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap; }
  @media (max-width: 767px) {
    .c-early-list-letter {
      margin-top: 40px; } }
  @media (max-width: 767px) {
    .c-early-list-letter {
      width: 90%; } }
  .c-early-list-letter a {
    width: 7%;
    font-size: 3rem;
    color: #333;
    text-decoration: none; }
    @media (max-width: 767px) {
      .c-early-list-letter a {
        width: 10%; } }

.c-early-list-number {
  width: 475px;
  margin: 0 auto;
  margin-top: 75px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
  -webkit-justify-content: start;
  -ms-flex-pack: start;
  justify-content: center;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap; }
  @media (max-width: 767px) {
    .c-early-list-number {
      margin-top: 37.5px; } }
  @media (max-width: 767px) {
    .c-early-list-number {
      width: 90%; } }
  .c-early-list-number a {
    width: 10%;
    font-size: 3rem;
    color: #333;
    text-decoration: none; }

.c-early-list-block {
  margin-top: 55px;
  text-align: center; }
  @media (max-width: 767px) {
    .c-early-list-block {
      margin-top: 27.5px; } }
  .c-early-list-block p {
    font-size: 2.4rem;
    color: #333; }
  .c-early-list-block li {
    font-size: 2.4rem;
    color: #333; }

.c-early-list-text {
  margin-top: 115px; }
  @media (max-width: 767px) {
    .c-early-list-text {
      margin-top: 57.5px; } }
  .c-early-list-text p {
    font-size: 2rem;
    color: #333; }

/*=============FOOTER==================*/
#footer {
  margin-top: 130px; }
  @media (max-width: 767px) {
    #footer {
      margin-top: 65px; } }

.c-copyright {
  text-align: center; }
  .c-copyright p {
    font-size: 1.4rem;
    color: #333; }