/*設定
------------------------------*/
:root {
	--color-sky: #2ea7e0;
	--color-orange: #eb6100;
	--color-blue: #036eb8;
}
span{
	display: inline-block;
}

.select {padding: 30px 20px 70px; max-width: 800px;}
.select_flow {margin-bottom: 70px;}
.select_desc {font-size: 3rem; margin-bottom: 30px; line-height: 4.5rem; font-weight: 600;}
.select_desc h2 {font-size: 3.2rem; text-align: center; margin-bottom: 15px;}
.select_content {max-width: 650px; line-height: 1.5;}

.prize_content {max-width: 700px; line-height: 1.5;}

@media (max-width: 500px) {
	.select_desc {font-size: 1.9rem; line-height: 3.0rem;}
}



/*ボタン1
------------------------------*/
.btn1 {background: var(--color-sky); color: #fff; font-size: 3rem; font-weight: 600; display: block; padding: 25px 0;line-height: 1; text-align: center; border-radius: 10px;}
.btn1:hover {opacity: 0.8;}

@media (max-width: 500px) {
	.btn1 {font-size: 2.3rem; padding: 20px 0;}
}

/*ボタン2
------------------------------*/
.btn2 {background: var(--color-orange); color: #fff; font-size: 3rem; font-weight: 600; display: block; padding: 25px 0; line-height: 1; text-align: center; border-radius: 10px;}
.btn2:hover {opacity: 0.8;}

@media (max-width: 500px) {
	.btn2 {font-size: 2.3rem; padding: 20px 0;}
}

/*ボタン3
------------------------------*/
.btn3 {background: #9fa0a0; color: #fff; font-size: 3rem; font-weight: 600; display: block; padding: 25px 0; line-height: 1; text-align: center; border-radius: 10px;}
.btn3:hover {opacity: 0.8;}

@media (max-width: 500px) {
	.btn3 {font-size: 2.3rem; padding: 20px 0;}
}

/*ボタン4
------------------------------*/
.btn4 {background: var(--color-sky); color: #fff; font-size: 3rem; font-weight: 600; display: flex; padding: 25px 15px;line-height: 1; text-align: center; border-radius: 10px; aspect-ratio: 5/4; align-items: center; justify-content: center; line-height: 1.3; width: 100%; max-width: 200px; margin: 0 auto;}
.btn4:not(.active):hover {opacity: 0.8;}

@media (max-width: 700px) {
	.btn4 {font-size: 2.3rem;  padding: 10px;}
}

/*ボタン5
------------------------------*/
.btn5 {border: 2px solid var(--color-blue); background: #fff; display: block; font-size: 3rem; padding: 25px; text-align: center; border-radius: 10px; line-height: 1; color: var(--color-blue); font-weight: 600; width: 100%; -webkit-appearance: none; appearance: none;}
.btn5:hover {background: var(--color-blue); color: #fff;}

@media (max-width: 500px) {
	.btn5 {font-size: 2.0rem; padding: 20px 0;}
}

/*ボタン6
------------------------------*/
.btn6 {background: #898989; color: #fff; display: block; font-size: 2rem; padding: 15px; text-align: center; border-radius: 10px; line-height: 1; font-weight: 600;}
.btn6:hover {opacity: 0.8;}

/*ボタン7
------------------------------*/
.btn7 {border: 2px solid var(--color-blue); background: #fff; display: block; font-size: 2rem; padding: 10px; text-align: center; border-radius: 10px; line-height: 1; color: var(--color-blue); font-weight: 600; width: -moz-fit-content; width: fit-content; margin: 0 auto;}
.btn7:hover {background: var(--color-blue); color: #fff;}

/*ボタン8
------------------------------*/
.btn8 {border: 4px solid #e60012; background: #fff100; display: block; font-size: 3rem; padding: 15px; text-align: center; border-radius: 10px; line-height: 1; color: #e60012; font-weight: 700; width: 100%; -webkit-appearance: none; appearance: none;}
.btn8:hover {background: #e60012; color: #fff100;}

/*ブロック1
------------------------------*/
.block1 {display: flex; align-items: center; margin-top: 70px;}
.block1_1 {flex-basis: 55%}
.block1_2 {flex-basis: 45%; padding-left: 50px;}

@media (max-width: 500px) {
	.block1_2 {padding-left: 20px;}
}

/*ブロック2
------------------------------*/
.block2 {display: flex; align-items: center; margin-top: 70px;}
.block2_1 {flex-basis: 65%}
.block2_2 {flex-basis: 35%; padding-left: 50px;}

@media (max-width: 500px) {
	.block2_2 {padding-left: 20px;}
}

/*ブロック3
------------------------------*/
.block3 {display: flex; align-items: center; margin: 40px 0;}
.block3_1 {flex-basis: 70%}
.block3_2 {flex-basis: 30%; padding-left: 40px;}

@media (max-width: 500px) {
	.block3_2 {padding-left: 20px;}
}

/*ブロック4
------------------------------*/
.block4 {display: flex; align-items: center; gap: 10px;}
.block4_1 {flex-basis: 50%}
.block4_2 {flex-basis: 50%;}

@media (max-width: 710px) {
	.block4 {flex-wrap: wrap; width: 147px;}
	.block4_1, .block4_2 {flex-basis: 100%;}
}

/*ブロック5
------------------------------*/
.block5 {display: flex; align-items: center;}
.block5_1 {flex-basis: 70%}
.block5_2 {flex-basis: 30%; padding-left: 40px;}

@media (max-width: 600px) {
	.block5 {flex-wrap: wrap;}
	.block5_1 {flex-basis: 100%}
	.block5_2 {flex-basis: 130px; padding: 20px 0 0 0;}
}

/*セレクトボックス
------------------------------*/
.select_box {position: relative; max-width: 210px;}
#area_select.active {background: var(--color-blue);}
#city_select.active {background: var(--color-blue);}
#shop_input.active {background: var(--color-blue);}

/*セレクトリスト
------------------------------*/
.select_list {border-top: 2px solid var(--color-blue); position: absolute; width: 100%; max-width: 210px; left: 50%; top: 30%; z-index: 1; padding-bottom: 50px; max-height: 300px; overflow-y: scroll;}
.select_list li {border: 2px solid var(--color-blue); background: #fff; border-top: 0; padding: 12px 10px; cursor: pointer; color: var(--color-blue); text-align: center;}
.select_list li.active {background: var(--color-blue); color: #fff;}
.error {text-align: center; margin-top: 10px;}

@media (max-width: 767px) {
	.select_list {left: 30%;}
}

/*キーワード入力
------------------------------*/
.keyword_input {border: 2px solid var(--color-blue); background: #fff; padding: 15px; position: absolute; width: calc(100% + 40px); top: 80%; left: -10px;}

@media (max-width: 767px) {
	.keyword_input {width: 100%; max-width: 210px; left: 30%; top: 30%;}
}

/*個人情報
------------------------------*/
.privacy{max-width: 720px; border: 1px solid #222; padding: 15px; margin: 40px auto 30px;}
.privacy .inner{height: 200px; overflow-y: scroll; padding-right: 10px; line-height: 1.6; font-size: 1.3rem;}
.privacy .inner::-webkit-scrollbar{width: 10px;}
.privacy .inner::-webkit-scrollbar-track{background: #f6f6f6;}
.privacy .inner::-webkit-scrollbar-thumb{background: var(--color-pink-light);}
.privacy p{margin-bottom: 20px;}
.dl_privacy dt{margin: 20px 0 10px;}

/*入力内容確認
------------------------------*/
.table_confirm {border-collapse: collapse; width: 100%; border-top: 1px solid #222;}
.table_confirm tr {border-bottom: 1px solid #222;}
.table_confirm th, .table_confirm td {padding: 17px 15px;}
.table_confirm th {white-space: nowrap;}
.table_confirm td {width: 100%;}

@media (max-width: 500px) {
	.table_confirm th, .table_confirm td {display: block;}
	.table_confirm th {padding-bottom: 0;}
}

/*送信完了
------------------------------*/
.complete {padding-top: 50px;}
.complete_img {width: 130px;}
.complete_mes {font-size: 3rem; text-align: center; margin-top: 60px; font-weight: bold;}
.complete_desc { line-height: 1.5;}

@media (max-width: 500px) {
	.complete_img {width: 100px;}
	.complete_mes {font-size: 2rem;}
	.complete_desc {margin-top: 50px;}
}

/*個人情報
------------------------------*/
.privacy{max-width: 720px; border: 1px solid #222; padding: 15px; margin: 40px auto 30px;}
.privacy .inner{height: 200px; overflow-y: scroll; padding-right: 10px; line-height: 1.6; font-size: 1.3rem;}
.privacy .inner::-webkit-scrollbar{width: 10px;}
.privacy .inner::-webkit-scrollbar-track{background: #f6f6f6;}
.privacy .inner::-webkit-scrollbar-thumb{background: var(--color-pink-light);}
.privacy p{margin-bottom: 20px;}
.privacy b{font-weight: bold;}
.dl_privacy{margin-bottom: 20px;}
.dl_privacy dt{margin: 20px 0 10px; font-weight: bold;}
.dl_privacy_items {margin-top: 20px;}
.dl_privacy_items dt{margin: 0; font-weight: normal;}
.dl_privacy_items dt::before{ content: '●'; margin: 0;}
.dl_privacy_items dd:before{ content: '　';}