@charset "UTF-8";


/*流程*/
.eventStepArea { padding: 25px 0; }
.eventStep_title { display: flex; justify-content: center; margin-bottom: -15px; }
.eventStep_title span { display: inline-block; width: 54px; height: 54px; margin-right: 6px; line-height: 54px; font-size: 24px; text-align: center; color: #fff; border-radius: 27px; }
.eventStep_title span:nth-last-child(1) { margin: 0; }
.eventStep_color_01 { background: #ea8c1b; }
.eventStep_color_02 { background: #f15a23; }
.eventStep_color_03 { background: #81cbb1; }
.eventStep_color_04 { background: #384151; }

/*禮物*/
.giftArea { margin-bottom: 35px; }
.gift_title { margin-bottom: 10px; text-align: center; font-size: 36px; font-weight: 900; color: #ebc100; }
.giftInner_line { padding: 15px; background: #ebc100; border-radius: 15px; }
.giftInner { padding: 20px; background: #fff; }


/*step*/
.stepArea { padding: 35px 0; background: #fbf4d7; }
.step_title { margin-bottom: 30px; line-height: 72px; font-size: 33px; font-weight: 500; text-align: center; color: #263348; }
.step_title span { font-family: "Bebas Neue"; font-size: 72px; color: #f15a23; }
.step_subtitle { margin-bottom: 30px; text-align: center; font-size: 24px; font-weight: 500; color: #009e96; }
.step_subtitle span { display: inline-block; padding: 0 0 10px; border-bottom: solid 6px #009e96; }
.step_line { display: block; width: 2px; height: 60px; margin: 0 auto 20px; background: #263348; }
/*step_01*/
.step_01_list { display: flex; justify-content: space-between; align-items: stretch; margin-bottom: 30px; }
.step_01_list li { display: flex; flex-direction: column; }
.step_01_list p { line-height: 36px; font-size: 21px; text-align: center; }
.step_01_list .imgbox { max-width: 360px; margin-bottom: 20px; }
.step_01_list .text { flex: 1 1 auto; display: flex; flex-direction: column; justify-content: center; }

.btn {  }
.btn a { display: block; margin: 0 auto 30px; width: 100%; max-width: 300px; line-height: 70px; font-size: 24px; text-align: center; color: #fff; background: #009e96; border-radius: 35px; }

.step_02 .step_subtitle { margin-bottom: 10px; }
.step_02 .imgbox { margin: 0 0 60px; }

.step_03_notice { display: flex; justify-content: center; align-items: center; }
.step_03_notice .textbox { flex: 0 0 auto; margin-right: 40px; }
.step_03_notice .textbox p { line-height: 48px; font-size: 24px; text-align: right; color: #263348; }
.step_03_notice .textbox .title { font-size: 30px; }
.step_03_notice .imgbox { max-width: 480px; }

.areaTitle { margin-bottom: 40px; font-size: 32px; font-weight: 500; text-align: center; }

.faqArea { padding: 40px 0; }
.faqList {  }
.faqList li {  }
.faqList p { display: inline-block; max-width: 750px; min-height: 50px; font-size: 21px; line-height: 34px; color: #fff; }
.faq_q { margin-bottom: 35px; }
.faq_q p { position: relative; padding: 8px 25px; background: #7cc5da; border-radius: 30px; }
.faq_q p::after { content: ""; display: block; position: absolute; left: 0; bottom: 0; width: 20px; height: 16px; background: url(../images/bg_faq_01.png); }
.faq_a { margin-bottom: 50px; text-align: right; }
.faq_a p { position: relative; padding: 8px 40px; text-align: left; background: #263348; border-radius: 60px; }
.faq_a p::after { content: ""; display: block; position: absolute; right: 0; top: 0; width: 24px; height: 21px; background: url(../images/bg_faq_02.png); }


ol.num { padding-left: 40px;}
ol.num > li { list-style-type: decimal; }

/*注意事項*/
.noticeArea { padding-bottom: 30px; font-size: 16px; }
.notice_list { margin-bottom: 20px; }
.notice_list li {  }


@media screen and (max-width: 767px) {
	
	/*活動內容*/
	.eventArea { padding: 20px 0; background: #ff616d; }
	.eventArea p { text-align: center; color: #fff; }
	.event_title { margin-bottom: 20px; text-align: center; }
	.event_title span { display: inline-block; padding: 0 30px; line-height: 36px; font-size: 21px; color: #fff; background: #e12533; border-radius: 4px; }
	.event_sub { margin-bottom: 20px; font-size: 24px; }


	/*step*/
	.stepArea { padding: 30px 0; }
	.step_title { line-height: 40px; font-size: 21px; }
	.step_title span { font-size: 40px; }
	.step_subtitle span { padding-bottom: 6px; display: block; font-size: 24px; border-bottom-width: 3px; }
	.step_01_list { display: block; }
	.step_01_list li { display: block; margin-bottom: 30px; }
	.step_01_list .imgbox { margin: 0 auto 10px; }

	.btn a { max-width: 200px; line-height: 40px; font-size: 18px; }

	.step_line { display: none; }
	
	.step_02 { margin-bottom: 30px; }
	.step_02 .imgbox { max-width: 560px; margin: 0 auto; }

	.step_03_notice { display: block; }
	.step_03_notice .textbox { margin: 0 0 20px; }
	.step_03_notice .textbox p { text-align: center; line-height: 30px; font-size: 16px; }
	.step_03_notice .textbox .title { font-size: 21px; }
	.step_03_notice .imgbox { max-width: 560px; margin: 0 auto; }


	/*FAQ*/
	.faq_q { margin-bottom: 15px; }
	.faq_a { margin-bottom: 40px; }
	.faq_a p { border-radius: 30px; }


	/*注意事項*/
	.noticeArea { padding: 30px 0; font-size: 13px; background: #f9f9f9; }
	.noticeArea .areaTitle { margin-bottom: 20px; }
	.notice_list li {  }

}