@charset "utf-8";
/* 共通幅設定 */
.million_inner {
    width: 100%;
    max-width: 100%;
    margin: 0 auto;
}

/* apply_btn */
.apply_area .apply_btn {
    font-size: 1.4rem;
}
.apply_area .theme-cv_btn:after {
    font-size: 2rem;
    right: 20px;
}

/* campaign_period */
/* WSYS-11391 【フロント】2000万人突破キャンペーン第2弾 終了対応 20240905 M.Shimizu */
.campaign_period {
    width: 100vw;
    margin: 10px calc(50% - 50vw) 20px;
  }
.campaign_period p {
    padding: 10px 40px;
    font-size: 1.2rem;
}

/* kv */
.kv .apply_area {
    right: 6px;
    bottom: 15px;
}
.kv .apply_area ._note {
    font-size: .8rem;
    font-weight: 700;
}

/* period */
/* WSYS-11391 【フロント】2000万人突破キャンペーン第2弾 終了対応 20240905 M.Shimizu */
.period .campaign_period p {
    padding: 10px;
}

/* prize */
.prize ._inner {
    padding: 30px 40px;
}
.prize .prize_head ._subtitle {
    width: 80%;
    padding-bottom: 10px;
}
.prize .prize_head ._title {
    width: 90%;
}
.prize .prize_list {
    flex-direction: column;
    gap: 50px;
    padding: 14vw 0 30px;
}
.prize .prize_item {
    padding: 20px 15px;
}
.prize .prize_item.item-b {
    padding-top: 18.666vw;
    position: relative;
}
.prize .prize_item.item-a,
.prize .prize_item.item-b,
.prize .prize_item.item-c,
.prize .prize_item.item-d,
.prize .prize_item.item-e {
    width: 100%;
}
.prize .prize_item.item-c,
.prize .prize_item.item-d,
.prize .prize_item.item-e {
    display: flex;
    align-items: center;
    gap: 5px;
}
.prize .prize_item ._prizeーnumber {
    top: 10px;
    left: 10px
}
.prize .prize_item.item-a ._prizeーnumber,
.prize .prize_item.item-b ._prizeーnumber,
.prize .prize_item.item-c ._prizeーnumber,
.prize .prize_item.item-d ._prizeーnumber,
.prize .prize_item.item-e ._prizeーnumber {
    width: 90px;
    height: 90px;
    border: 3px solid #fff;
}
.prize .prize_item ._prizeーnumber ._award {
    border-bottom: 2px solid #fff;
}
.prize .prize_item.item-a ._prizeーnumber ._award,
.prize .prize_item.item-b ._prizeーnumber ._award,
.prize .prize_item.item-c ._prizeーnumber ._award,
.prize .prize_item.item-d ._prizeーnumber ._award,
.prize .prize_item.item-e ._prizeーnumber ._award {
    font-size: 1.6rem;
}
.prize .prize_item.item-a ._prizeーnumber ._award strong,
.prize .prize_item.item-b ._prizeーnumber ._award strong,
.prize .prize_item.item-c ._prizeーnumber ._award strong,
.prize .prize_item.item-d ._prizeーnumber ._award strong,
.prize .prize_item.item-e ._prizeーnumber ._award strong {
    font-size: 2rem;
}
.prize .prize_item.item-a ._prizeーnumber ._number-of-people strong,
.prize .prize_item.item-b ._prizeーnumber ._number-of-people strong,
.prize .prize_item.item-c ._prizeーnumber ._number-of-people strong,
.prize .prize_item.item-d ._prizeーnumber ._number-of-people strong,
.prize .prize_item.item-e ._prizeーnumber ._number-of-people strong {
    font-size: 1.6rem;
}
.prize .prize_item ._product-detail {
    width: 100%;
}
.prize .prize_item.item-b ._product-image {
    position: absolute;
    top: -10%;
    left: 50%;
    transform: translateX(-50%);
    width: 60%;
}
.prize .prize_item.item-c ._product-image,
.prize .prize_item.item-d ._product-image,
.prize .prize_item.item-e ._product-image {
    width: 50%;
}
.prize .prize_item ._product-detail ._product-name ._subname {
    height: auto;
    padding: 10px 0;
}
.prize .prize_item.item-c ._product-detail ._product-name ._subname,
.prize .prize_item.item-d ._product-detail ._product-name ._subname,
.prize .prize_item.item-e ._product-detail ._product-name ._subname {
    font-size: 1.8rem;
}
.prize .prize_item ._product-detail ._product-name ._subname ._note {
    font-size: 1.2rem;
}
.prize .prize_item.item-c ._product-detail ._text,
.prize .prize_item.item-d ._product-detail ._text,
.prize .prize_item.item-e ._product-detail ._text {
    font-size: 1.4rem;
    padding-top: 10px;
}
.prize .prize_item.item-a ._product-detail ._text,
.prize .prize_item.item-b ._product-detail ._text {
    font-size: 1.6rem;
}

/* step */
.step ._inner {
    padding: 30px 20px;
}
.step::before {
    width: 60%;
}
.step::after {
    width: 80%;
    height: 160px;
}
.step ._inner::before {
    bottom: 180px;
    left: 5px;
    width: 180px;
    height: 400.83px;
}
.step .step_head{
    padding-bottom: 20px;
}
.step .step_list {
    width: 100%;
    padding: 0 0 30px 0;
    gap: 5px;
}
.step .step_item ._num {
    font-size: 1.8rem;
}
.step .step_item ._detail {
    padding: 10px 20px;
    gap: 10px;
}
.step .step_item.item01,
.step .step_item.item02 {
    margin-left: 130px;
}
.step .step_item.item03 {
    z-index: 3;
}
.step .step_item.item01 ._detail,
.step .step_item.item02 ._detail {
    flex-direction: column;
}
.step .step_item ._detail p {
    font-size: 1.2rem;
}
.step .step_item.item02 ._detail ._detail-culmun p {
    padding-bottom: 0;
}
.step .step_item.item01 ._detail img,
.step .step_item.item02 ._detail img {
    width: 80%;
}
.step .step_item.item03 ._detail img {
    width: 50px;
    height: 68.8596px;
    right: 50px;
}
.step .campaign_period {
    padding-left: 0;
    width: 100%;
}
/* notice */
.notice ._inner {
    width: 100%;
    padding: 80px 20px 30px;
}
.notice ._inner::before {
    z-index: -1;
    top: 10px;
    left: 30px;
    width: 20%;
}
.notice ._inner::after {
    z-index: -1;
    top: 20px;
    right: 0px;
    width: 32%;
}
.notice .notice_detail {
    margin-bottom: 30px;
    border-radius: 10px;
    border: 5px solid #f0dc50;
}
.notice .notice_detail h2 {
    font-size: 2.2rem;
}
.notice .notice_content {
    padding: 15px 10px;
}
.notice .notice_detail dl {
    padding-bottom: 15px;
}
.notice .notice_detail dl dt {
    font-size: 1.6rem;
}
.notice .notice_detail dl dd>ul>li {
    padding-left: 1.4rem;
}
.notice .notice_detail dl dd>ul>li::before {
    width: 10px;
    height: 10px;
}

/* special */
.special::before {
    width: 60%;
}
.special::after {
    width: 90%;
    height: 85.5%;
}
.special ._inner {
    padding: 30px 20px;
}
.special .special_head h2 {
    font-size: 2.4rem;
}
.special .special_movie {
    padding: 30px 0;
}
.special .special-page_btn .module-base_btn {
    min-width: 90%;
}
/* START public/common/css/page/guide_novice.cssのCSSを流用 */

/* novice_about */
.novice_head ._title {
    font-size: 2.4rem;
}
.novice_about {
    background-size: 798px;
}
.novice_about_inner {
    padding: 30px 20px;
}
.novice_about_head ._subtitle {
    font-size: 1.6rem;
}
.novice_about_head ._subtitle:before,
.novice_about_head ._subtitle:after {
    margin: 0 .5em;
}
.novice_about_head ._title::before {
    display: none;
}
.novice_about::before {
    bottom: 110px;
    right: 6px;
    width: 100px;
    height: 348.8px;
}
.novice_about_content {
    margin: 20px 0 0 0;
    padding-right: 0;
}
.novice_about_detail {
    padding-bottom: calc((20vw / 375) * 100);
}
.novice_about_detail ._warp {
    position: relative;
    padding-right: 80px;
    padding-bottom: 28vw;
}
.novice_about_detail ._image {
    width: calc((80vw / 375) * 100);
}
.novice_about_detail ._catch {
    width: calc(100% - ((80vw / 375) * 100));
}
.novice_about_detail h3._head {
    font-size: 1.4rem;
    text-align: left;
}
.novice_about_detail ._medal {
    padding-top: 0;
    position: absolute;
    left: 0;
    top: 30vw;
    padding-right: 80px;
}
.novice_about_detail ._medal img {
    width: 45%;
}
.novice_about_detail ._note {
    margin: 0 auto;
    position: absolute;
    bottom: 30px;
    width: 95%;
}
.novice_about_detail ._note p {
    font-size: 1rem;
}
.novice_about_howto {
    padding-bottom: 87px;
    padding-right: 80px;
}
.novice_about_howto ._head {
    font-size: 1.8rem;
}
.novice_about_howto ._text {
    font-size: 1.2rem;
}
.novice_about_howto ._warp {
    max-width: 100%;
    padding: 5.3vw 10px 15px;
}

/* novice_reason */
.novice_reason ._inner {
    padding: 30px 15px;
}
.novice_head ._accenttitle {
    font-size: 1.4rem;
}
.novice_reason_content::before {
    top: -39px;
    left: -12px;
    width: 72.3px;
    height: 68.2px;
}
.novice_reason_content {
    padding: 25px 0 0;
}
.novice_reason_list {
    flex-direction: column;
}
.novice_reason_item {
    width: 100%;
    padding: 20px 5px;
}
.novice_reason_item:nth-child(1):before,
.novice_reason_item:nth-child(3):before {
    border-top: 24vw solid #008ae1;
    border-right: 24vw solid transparent;
}
.novice_reason_item:nth-child(2):before,
.novice_reason_item:nth-child(4):before {
    border-top: 24vw solid #00b8bf;
    border-right: 24vw solid transparent;
}
.novice_reason_item:nth-child(1),
.novice_reason_item:nth-child(3) {
    border: 2px solid #008ae1;
}
.novice_reason_item:nth-child(2),
.novice_reason_item:nth-child(4) {
    border: 2px solid #00b8bf;
}
.novice_reason_item:nth-child(1) ._title,
.novice_reason_item:nth-child(3) ._title {
    color: #008ae1;
}
.novice_reason_item:nth-child(2) ._title,
.novice_reason_item:nth-child(4) ._title {
    color: #00b8bf;
}
.novice_reason_item ._image {
    padding-bottom: 10px;
}
.novice_reason_item ._title {
    font-size: 1.6rem;
    padding-bottom: 10px;
}
/* E N D public/common/css/page/guide_novice.cssのCSSを流用 */

/* endArea  */
.endArea .btn_area {
    width: 100%;
    text-align: center;
}
.endArea .btn_area .module-base_btn {
    width: 90%;
}