/*//////////////////////////////////////////////////

Title : _main.css
For   : "AOURE campaign LP" styles of the site

Created       : 2022-03-01
Last Modified : 2022-03-01

==========================================

Content

    common

//////////////////////////////////////////////////*/
/* ==============================================================================================
                                            common
============================================================================================== */
.l-container--lower {
  width: 100%;
  margin: auto;
}

/*
//////////////////////////////////////////////////////////////////////////////////////////////
                                        for desktop
//////////////////////////////////////////////////////////////////////////////////////////////
*/
@media screen and (min-width: 768px) {
  .l-container--lower {
    max-width: 850px;
    padding: 90px 0 150px;
  }
  .l-container--lower .hidden-desktop {
    display: none;
  }
  .l-contents {
    margin-top: 120px;
  }
}

/*
//////////////////////////////////////////////////////////////////////////////////////////////
                                      for mobile phone
//////////////////////////////////////////////////////////////////////////////////////////////
*/
@media screen and (max-width: 767px) {
  .l-container--lower {
    padding: 13.33333vw 6.66667vw 24vw;
  }
  .l-container--lower .hidden-phone {
    display: none;
  }
  .l-contents {
    margin-top: 16vw;
  }
}

/*//////////////////////////////////////////////////

Title : _module.css
For   : "AOURE campaign LP" styles of the site

Created       : 2022-03-01
Last Modified : 2022-03-01

==========================================

Content

    module

//////////////////////////////////////////////////*/
/* ==============================================================================================
                                            module
============================================================================================== */
.c-index {
  text-align: center;
  border-top: 1px solid #000;
  border-bottom: 1px solid #000;
}

.c-index__title, .c-index__period {
  letter-spacing: .075em;
}

.c-index__notes {
  letter-spacing: .095em;
}

.c-index__period {
  display: inline-block;
  border: 1px solid #000;
}

.c-heading {
  margin: auto;
  background: #999;
  color: #fff;
  text-align: center;
  letter-spacing: .075em;
}

.c-figure {
  margin: auto;
}

.c-lead {
  text-align: center;
}

.c-lead__major {
  letter-spacing: .075em;
}

.c-lead__minor {
  letter-spacing: .095em;
}

.c-caution {
  letter-spacing: .095em;
}

.c-process {
  letter-spacing: .08em;
}

.c-process__list li {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.c-process__num {
  -ms-flex-negative: 0;
      flex-shrink: 0;
  background: #999;
  border-radius: 100vh;
  color: #fff;
  text-align: center;
}

.c-button__element {
  margin: auto;
  border: 1px solid #000;
  text-align: center;
  letter-spacing: .075em;
}

.c-button__element a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 100%;
  height: 100%;
}

/*
//////////////////////////////////////////////////////////////////////////////////////////////
                                        for desktop
//////////////////////////////////////////////////////////////////////////////////////////////
*/
@media screen and (min-width: 768px) {
  .c-index {
    padding: 57px 0 37px;
  }
  .c-index__title {
    font-size: 30px;
    line-height: 1.6;
  }
  .c-index__period {
    margin-top: 37px;
    padding: 17px 23px;
    font-size: 20px;
    line-height: 1.64;
  }
  .c-index__notes {
    margin-top: 15px;
    font-size: 12px;
    line-height: 1;
  }
  .c-heading {
    width: 700px;
    font-size: 23px;
    line-height: 2.82609;
  }
  .c-figure {
    width: 700px;
  }
  .c-figure:not(:nth-of-type(1)) {
    margin-top: 100px;
  }
  .c-lead {
    margin-top: 68px;
  }
  .c-lead__major {
    font-size: 18px;
    line-height: 1.83333;
  }
  .c-lead__minor {
    margin-top: 26px;
    font-size: 13px;
    line-height: 1.92308;
  }
  .c-caution {
    padding-left: 75px;
    margin-top: 75px;
    font-size: 15px;
    line-height: 1.8;
  }
  .c-process {
    padding-left: 75px;
    margin-top: 60px;
  }
  .c-process__list li:not(:nth-of-type(1)) {
    margin-top: 60px;
  }
  .c-process__num {
    width: 50px;
    height: 50px;
    font-size: 25px;
    line-height: 50px;
  }
  .c-process__detail {
    padding-left: 20px;
    font-size: 18px;
    line-height: 1.66667;
  }
  .c-process__notes {
    padding-top: 16px;
    font-size: 13px;
    line-height: 1;
  }
  .c-button {
    margin-top: 90px;
  }
  .c-button__element {
    width: 450px;
    height: 65px;
    font-size: 20px;
  }
  .c-breadcrumb {
    margin-top: 120px;
  }
}

/*
//////////////////////////////////////////////////////////////////////////////////////////////
                                      for mobile phone
//////////////////////////////////////////////////////////////////////////////////////////////
*/
@media screen and (max-width: 767px) {
  .c-index {
    padding: 8vw 0 7.6vw;
  }
  .c-index__title {
    font-size: 4vw;
    line-height: 1.6;
  }
  .c-index__period {
    margin-top: 37px;
    padding: 2.4vw 3.2vw;
    font-size: 3.06667vw;
    line-height: 1.57261;
  }
  .c-index__notes {
    margin-top: 2.26667vw;
    font-size: 2.66667vw;
    line-height: 1;
  }
  .c-heading {
    font-size: 3.33333vw;
    line-height: 2.8;
  }
  .c-figure:not(:nth-of-type(1)) {
    margin-top: 11.33333vw;
  }
  .c-lead {
    margin-top: 8.93333vw;
  }
  .c-lead__major {
    font-size: 3.33333vw;
    line-height: 1.56;
  }
  .c-lead__minor {
    margin-top: 5.33333vw;
    font-size: 2.8vw;
    line-height: 1.66667;
  }
  .c-caution {
    margin-top: 9.33333vw;
    font-size: 2.8vw;
    line-height: 1.7619;
  }
  .c-process {
    margin-top: 8.8vw;
  }
  .c-process__list li:not(:nth-of-type(1)) {
    margin-top: 8vw;
  }
  .c-process__num {
    width: 8.66667vw;
    height: 8.66667vw;
    font-size: 4vw;
    line-height: 8.66667vw;
  }
  .c-process__detail {
    padding-left: 5.06667vw;
    font-size: 2.93333vw;
    line-height: 1.68182;
  }
  .c-process__notes {
    padding-top: 2vw;
    font-size: 2.66667vw;
    line-height: 1.85;
  }
  .c-button {
    margin-top: 13.33333vw;
  }
  .c-button__element {
    width: 60vw;
    height: 8.66667vw;
    font-size: 3.06667vw;
  }
  .c-breadcrumb {
    margin-top: 18vw;
  }
}