@charset "UTF-8";
	.tantans_index .section_wrap div.mobile_view { display: none; }
	.tantans_index .section01 { position: relative; }
	.tantans_index .section01 .top_btn { position: absolute; top: 40px; right: 405px; display: flex; justify-content: flex-end; }
	.tantans_index .section01 .top_btn p { background: #3958FD; padding: 8px 20px; border-radius: 4px; font-weight:700; color: #fff; }
	.tantans_index .section01 .bottom_btn { position: absolute; bottom: 180px; left: 405px; display: flex; gap: 16px; font-weight: 700 }
	.tantans_index .section01 .bottom_btn p { background: #3958fd; border-radius: 8px; padding: 12px 24px; color: #fff; cursor: pointer; }
	.tantans_index .section01 .bottom_btn p:last-child { background: #fff; border: 1px solid #3958fd; color: #3958fd; }
	
	.tantans_index .section03 { display: flex; flex-direction: column; justify-content: center; align-items: center; gap: 60px; margin: 120px auto; }
	.tantans_index .section03 .title { text-align: center; font-size: 30px; font-weight: 700; }
	.tantans_index .section03 .sec03_btn { background: #3958fd; padding: 12px 32px; border-radius: 8px; text-align: center; font-size: 16px; color: #fff; }
	
	.tantans_index .section05 { max-width: 720px; padding: 24px 10px 32px; margin: 0 auto; }
	
	.tantans_index .section05 .section_logo { margin: 120px 0 40px 0; }
	.tantans_index .section05 .section_frame .title { font-size: 20px; font-weight: 700; color: #1C1E2A; }
	.tantans_index .section05 .cmn_section_btn { margin-bottom: 150px; }
	 
	@media (max-width: 750px) {
		.tantans_index .section03 { margin: 0; }
		.tantans_index .section_wrap div.pc_view { display: none; }
		.tantans_index .section_wrap div.mobile_view { display: block; }
		.tantans_index .section_wrap div.mobile_view > img { width: 100%; }
		.tantans_index .section01 .top_title { position: absolute; top: 20px; left: 30px; }
		.tantans_index .section01 .top_btn { position: absolute; top: 10px; right: 30px; }
		.tantans_index .section01 .top_btn p { border-radius: 4px; padding: 6px 15px; font-size: 14px; font-weight: 700; }
		
		.tantans_index .section01 .bottom_btn { position: absolute; bottom: 40%; left: 30px; font-weight: 700; }
		.tantans_index .section01 .bottom_btn p { border-radius: 4px; padding: 13px 25px; font-size: 16px; }
		
		.tantans_index .section03.mobile_view span { display: flex; justify-content: center; background: #3958FD; margin: 0 20px 30px 20px; padding: 18px 89px; border-radius: 8px; font-size: 20px; font-weight: 700; color: #fff; }
		
		.tantans_index .section05 { padding: 24px 20px 32px; }
		.tantans_index .section05 .section_logo.mobile_view { margin: 60px 0 40px 0; }
		.tantans_index .section05 .section_frame .title { font-size: 16px; }
		.tantans_index .section05 .cmn_section_btn { margin-bottom: 0; }
		.tantans_index .section05 input[type="text"] { font-size: 16px; }
		
		.cmn_input .section_frame { margin-bottom: 24px; }
	}