/* トップ画面 */
body {
    background-color: #F6F7F8;
}

/* ヘッダー：ロゴ中央寄せ（このページのみの上書き） */
.pt_com_hdr {
    display: flex;
    justify-content: center;
    padding: 10px;
}

@media (min-width: 760px) {
    .pt_com_hdr {
        padding: 10px;
    }
}

/* 上段・下段（なみせん区切り） */
/* Area＝画面幅いっぱいに色を敷く／info＝1040pxで中央寄せする内側コンテナ */
.pt_top_infoArea_upper {
    background-color: #D6EAFB;
}

.pt_top_infoArea_lower {
    background-color: #FCF3D2;
}

.pt_top_info {
    padding: 32px 20px;
}

@media (min-width: 760px) {
    .pt_top_info {
        max-width: 1040px;
        padding: 48px 20px;
        margin: 0 auto;
    }
}

/* なみせん：上段と同じ青地に下段のクリーム色を波形にくり抜く。
   通常フローに置くことで上段・下段どちらとも隙間なくつながる */
.pt_top_info_wave {
    line-height: 0;
    background-color: #D6EAFB;
}

/* 下段の画像下に置く通常フローのボタン（画面下固定にはしない） */
.pt_top_info_btn {
    width: 280px;
    margin: 24px auto 0;
}

@media (min-width: 760px) {
    .pt_top_info_btn {
        margin-top: 32px;
    }
}

.pt_top_info_wave svg {
    display: block;
    width: 100%;
    height: 24px;
}

.pt_top_info_wave path {
    fill: #FCF3D2;
}

@media (min-width: 760px) {
    .pt_top_info_wave svg {
        height: 40px;
    }
}

/* コンバージョンボタン */
.pt_top_convBtnArea {
    height: 88px;
}

@media (min-width: 760px) {
    .pt_top_convBtnArea {
        height: 104px;
    }
}

.pt_top_convBtn {
    display: flex;
    justify-content: center;
    width: 100%;
    position: fixed;
    bottom: 0;
    left: 0;
    padding: 16px 0;
    background-color: rgba(255, 255, 255, 0.8);
    ;
    backdrop-filter: blur(3px);
    -webkit-backdrop-filter: blur(3px);
}

@media (min-width: 760px) {
    .pt_top_convBtn {
        padding: 24px 0;
    }
}

@media (min-width: 760px) {
    .pt_top_contArea {
        max-width: 1040px;
        padding: 0 20px;
        margin: 0 auto;
    }
}

.pt_top_img {
    width: 100%;
}

/* 応募要項 */
.pt_top_appArea {
    background-color: #FFFFFF;
}

.pt_top_app {
    padding: 40px 20px;
}

@media (min-width: 760px) {
    .pt_top_app {
        max-width: 1040px;
        padding: 64px 20px;
        margin: 0 auto;
    }
}

.pt_top_app_ttl {
    padding: 12px 0;
    border-top: 2px solid #585858;
    border-bottom: 2px solid #585858;
}

.pt_top_app_listArea {
    padding-top: 32px;
}

@media (min-width: 760px) {
    .pt_top_app_listArea {
        padding-top: 40px;
    }
}

/* 応募資格 など */
.pt_top_app_itemArea {
    padding-top: 32px;
}

@media (min-width: 760px) {
    .pt_top_app_itemArea {
        padding-top: 40px;
    }
}

.pt_top_app_item+.pt_top_app_item {
    padding-top: 32px;
}

@media (min-width: 760px) {
    .pt_top_app_item+.pt_top_app_item {
        padding-top: 40px;
    }
}

.pt_top_app_item_content {
    padding-top: 8px;
}

.pt_top_app_item_prizeArea+.pt_top_app_item_prizeArea {
    padding-top: 24px;
}

@media (min-width: 760px) {
    .pt_top_app_item_prize {
        padding-top: 3px;
        padding-bottom: 2px;
    }
}

/* 1st Chance!／2nd Chance!（角丸バッジ） */
.pt_top_app_item_chanceArea+.pt_top_app_item_chanceArea {
    padding-top: 32px;
}

.pt_top_app_item_chanceBadge {
    display: inline-block;
    background-color: #008673;
    border-radius: 20px;
    padding: 6px 20px;
    margin-bottom: 12px;
}

@media (min-width: 760px) {
    .pt_top_app_item_chanceBadge {
        padding: 8px 24px;
        margin-bottom: 16px;
    }
}

.pt_top_app_item_chanceArea .pt_top_app_item_prizeArea+.pt_top_app_item_prizeArea {
    padding-top: 24px;
}

/* お問い合わせ先 */
.pt_top_contactArea {
    padding: 32px 20px 16px;
    background-color: #F6F7F8;
}

@media (min-width: 760px) {
    .pt_top_contactArea {
        padding: 40px 0 24px;
    }
}

@media (min-width: 760px) {
    .pt_top_contact {
        max-width: 1040px;
        padding: 0 20px;
        margin: 0 auto;
    }
}

.pt_top_contact_company {
    padding-top: 16px;
}

@media (min-width: 760px) {
    .pt_top_contact_company {
        padding-top: 24px;
    }
}

.pt_top_contact_addr {
    padding-top: 4px;
}

@media (min-width: 760px) {
    .pt_top_contact_addr {
        padding-top: 8px;
    }
}

.pt_top_contact_btn {
    width: 252px;
    margin: 0 auto;
    padding-top: 16px;
}

@media (min-width: 760px) {
    .pt_top_contact_btn {
        padding-top: 24px;
    }
}

.pt_top_contact_bus {
    padding-top: 24px;
}

@media (min-width: 760px) {
    .pt_top_contact_bus {
        padding-top: 32px;
    }
}