@charset "utf-8";

@media print, screen {
  #start {
    background-color: var(--grayf2-color);
  }
  #start .start__btn {
    margin-top: 60px;
    width: 100%;
    max-width: 880px;
    margin-right: auto;
    margin-left: auto;
  }
  #start .start__btn.large {
    margin: 137px auto 0;
    max-width: 1200px;
  }
  #start .start__btn a {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 115px;
    background-color: var(--grayf1-color);
    border: 1px solid var(--grayf1-color);
    border-radius: 14px;
    box-sizing: border-box;
    transition: 0.5s;
  }
  #start .start__btn a span {
    padding: 5px 0 5px 84px;
    color: var(--white);
    font-size: 24px;
    font-weight: 700;
    line-height: 1;
    letter-spacing: 0.2em;
    text-indent: 0.2em;
    background-image: url(../../images/src/growthcore/arrow02.svg);
    background-repeat: no-repeat;
    background-position: left center;
    background-size: 54px auto;
  }
  #start .start__btn a:hover {
    background-color: var(--white);
  }
  #start .start__btn a:hover span {
    color: var(--grayf1-color);
    background-image: url(../../images/src/growthcore/arrow03.svg);
  }
  #start section {
    margin: 0 auto;
    width: 100%;
    max-width: 1480px;
  }
  #start .title__area {
    margin: 38px auto 160px;
    width: 100%;
  }
  #start .title__area .title__box {
    padding: 70px 0 300px;
    width: 100%;
    text-align: center;
    background-color: var(--white);
  }
  #start .tit_jp {
    margin-bottom: 20px;
    color: var(--orange-color);
    font-size: 48px;
    font-weight: 700;
    letter-spacing: 0.1em;
    text-indent: 0.1em;
    line-height: 1;
    text-align: center;
  }
  #start .title__area .start__copy {
    display: inline-block;
    padding: 0 77px;
    font-size: 24px;
    font-weight: 500;
    line-height: 2;
    letter-spacing: 0.1em;
    text-indent: 0.1em;
    background-image: url(../../images/src/start/line_left.png),
      url(../../images/src/start/line_right.png);
    background-repeat: no-repeat;
    background-position: left bottom, right bottom;
    background-size: 49px auto;
  }
  #start .title__area .start__copy span {
    font-weight: 700;
  }
  #start .title__area .start__img {
    margin: -214px auto 0;
    width: 100%;
    max-width: 1200px;
  }
}
@media screen and (max-width: 1600px) {
  #start section {
    width: 92.4%;
  }
}
@media screen and (max-width: 1300px) {
  #start .title__area {
    margin: 2.923vw auto 12.3vw;
  }
  #start .title__area .title__box {
    padding: 5.384vw 0 23vw;
  }
  #start .tit_jp {
    margin-bottom: 1.538vw;
    padding: 0 0 1.923vw;
    font-size: 3.692vw;
  }
  #start .title__area .start__copy {
    padding: 0 5.923vw;
    font-size: 1.846vw;
    background-size: 3.769vw auto;
  }
  #start .title__area .start__img {
    margin: -16.461vw auto 0;
    width: 92.3%;
  }
}
@media screen and (max-width: 768px) {
  #start .start__btn {
    margin-top: 6vw;
  }
  #start .start__btn.large {
    margin: 19.565vw auto 0;
    max-width: inherit;
  }
  #start .start__btn a {
    height: 18.84vw;
  }
  #start .start__btn a span {
    padding: 1vw 0 1vw 13.526vw;
    font-size: 3.864vw;
    background-size: 8.937vw auto;
  }
  #start .start__btn a:hover {
    background-color: var(--white);
  }
  #start .start__btn a:hover span {
    color: var(--grayf1-color);
    background-image: url(../../images/src/growthcore/arrow03.svg);
  }
  #start section {
    width: 94.2%;
    max-width: inherit;
  }
  #start .title__area {
    margin: 0 auto 23.67vw;
  }
  #start .title__area .title__box {
    padding: 8.454vw 0 22.342vw;
  }
  #start .tit_jp {
    margin-bottom: 4.83vw;
    font-size: 5.797vw;
  }
  #start .title__area .start__copy {
    padding: 0 9.29vw;
    font-size: 3.864vw;
    background-size: 5.555vw auto;
  }
  #start .title__area .start__copy span {
    font-weight: 700;
  }
  #start .title__area .start__img {
    margin: -15.9vw auto 0;
    width: 94.8%;
    max-width: inherit;
  }
}
@media print, screen {
  #start .sec01 {
    width: 100%;
    padding: 0 0 120px;
  }
  #start .sec01 .block {
    padding: 100px 0 62px;
    width: 100%;
    background-color: var(--white);
  }
  #start .sec01 .block + .block {
    margin-top: 137px;
  }
  #start .sec01 .block .inner {
    margin: 0 auto;
    width: 100%;
    max-width: 1100px;
    position: relative;
  }
  #start .sec01 .block .copy {
    justify-content: center;
    align-items: center;
    margin: 0 auto;
    padding: 0 0 20px;
    width: 72.545%;
    max-width: 798px;
    height: 88px;
    color: var(--main-color);
    font-size: 32px;
    font-weight: 700;
    line-height: 1;
    background: url(../../images/src/start/bg_tit.png) no-repeat;
    background-size: 100% auto;
    box-sizing: border-box;
    position: absolute;
    left: 0;
    right: 0;
    top: -137px;
  }
  #start .sec01 .block .tit {
    margin-bottom: 65px;
    font-size: 40px;
    font-weight: 700;
    line-height: 1;
    text-align: center;
  }
  #start .sec01 .block .box {
    margin-bottom: 50px;
    width: 100%;
  }
  #start .sec01 .block .box .box__text {
    width: 42%;
    max-width: 460px;
  }
  #start .sec01 .block .box .box__text .box__copy {
    margin-bottom: 20px;
    font-size: 24px;
    font-weight: 700;
    line-height: 2;
    letter-spacing: 0.1em;
  }
  #start .sec01 .block .box .box__text .box__lead {
    width: 90%;
    line-height: 2;
    letter-spacing: 0.1em;
  }
  #start .sec01 .block .box .box__text .box__lead p {
    font-size: 18px;
    font-weight: 500;
  }
  #start .sec01 .block .box .box__text .box__lead p span {
    /*font-weight: 700;*/
    font-weight: 500;
  }
  #start .sec01 .block .box .box__text .box__lead p + p {
    margin-top: 20px;
  }
  #start .sec01 .block .box .box__img {
    width: 51.45%;
    max-width: 566px;
  }
  #start .sec01 .block .block__copy {
    margin-bottom: 50px;
    color: var(--orange-color);
    font-size: 20px;
    font-weight: 700;
    line-height: 1.8;
    text-align: center;
    letter-spacing: 0.1em;
    text-indent: 0.1em;
  }
  #start .under__menu {
    padding: 118px 0 0;
  }
}
@media screen and (max-width: 1200px) {
  #start .sec01 {
    padding: 0 0 10vw;
  }
  #start .sec01 .block {
    padding: 8.333vw 0 5.166vw;
  }
  #start .sec01 .block + .block {
    margin-top: 11.416vw;
  }
  #start .sec01 .block .inner {
    width: 91.666%;
  }
  #start .sec01 .block .copy {
    padding: 0 0 1.666vw;
    height: 7.333vw;
    font-size: 2.666vw;
    top: -11.416vw;
  }
  #start .sec01 .block .tit {
    margin-bottom: 5.416vw;
    font-size: 3.333vw;
  }
  #start .sec01 .block .box {
    margin-bottom: 4.166vw;
  }
  #start .sec01 .block .box .box__text .box__copy {
    margin-bottom: 1.666vw;
    font-size: 2vw;
  }
  #start .sec01 .block .box .box__text .box__lead p {
    font-size: 1.5vw;
  }
  #start .sec01 .block .box .box__text .box__lead p + p {
    margin-top: 1.666vw;
  }
  #start .sec01 .block .block__copy {
    margin-bottom: 4.166vw;
    font-size: 1.666vw;
  }
  #start .under__menu {
    padding: 9.166vw 0 0;
  }
}
@media screen and (max-width: 768px) {
  #start .sec01 {
    padding: 0 0 19.323vw;
  }
  #start .sec01 .block {
    padding: 16.12vw 0 7.246vw;
  }
  #start .sec01 .block + .block {
    margin-top: 23.55vw;
  }
  #start .sec01 .block .inner {
    width: 87.18%;
    max-width: inherit;
  }
  #start .sec01 .block .copy {
    padding: 0 0 5.6vw;
    width: 94.8%;
    max-width: inherit;
    height: 21.5vw;
    font-size: 4.83vw;
    line-height: 1.38;
    text-align: center;
    background-image: url(../../images/src/start/sp/bg_tit.png);
    top: -24.937vw;
  }
  #start .sec01 .block .tit {
    margin-bottom: 8vw;
    font-size: 5.797vw;
  }
  #start .sec01 .block .box {
    margin-bottom: 6vw;
  }
  #start .sec01 .block .box .box__text {
    width: 100%;
    max-width: inherit;
  }
  #start .sec01 .block .box .box__text .box__copy {
    margin-bottom: 4vw;
    font-size: 4.347vw;
    text-align: center;
  }
  #start .sec01 .block .box .box__text .box__lead {
    width: 100%;
  }
  #start .sec01 .block .box .box__text .box__lead p {
    font-size: 3.864vw;
    font-weight: 500;
  }
  #start .sec01 .block .box .box__text .box__lead p span {
    font-weight: 700;
  }
  #start .sec01 .block .box .box__text .box__lead p + p {
    margin-top: 20px;
  }
  #start .sec01 .block .box .box__text .box__lead .box__img {
    margin: 4vw auto;
    width: 100%;
  }
  #start .sec01 .block .box .box__img {
    display: none;
  }
  #start .sec01 .block .block__copy {
    margin-bottom: 0;
    font-size: 4.347vw;
  }
  #start .under__menu {
    padding: 19.323vw 0 0;
  }
}